import React, {Component} from 'react';
import './Software.css'

const array4 = [
    {img:require("../../img/article/1.jpg"),aData:"1111111111111111111"},
    {img:require("../../img/article/2.png"),aData:"2222222222222222222"},
    {img:require("../../img/article/3.png"),aData:"3333333333333333333"},
];

export default class Software extends Component{
    constructor(props){
        super(props);
        this.state = {
            SoftwareData : array4,
        }
    }
    render(){
        return(
            <div>
                <h1 style = {{textAlign: 'center'}}>软件下载</h1>
                <ul>
                {
                    this.state.SoftwareData.map((item,key) => {
                        return(
                            <li key = {key} style = {{float:"left",marginTop:10,marginLeft:"5%",cursor:"pointer"}}>
                                <a href = {item.aData}><img src = {item.img} alt = "" 
                                style = {{
                                            width:100,
                                            height:100,
                                        }}
                                /></a>
                            </li>)
                        })
                }
                </ul>    
            </div>
        )
    }
}